<template>
    <el-header class="header-breadcrumb">
        <div>
            <el-breadcrumb separator=">">
                <el-breadcrumb-item v-for="history in $route.matched"
                                    :to="history.fullPath?history.fullPath:history.path">{{ history.meta.title }}
                </el-breadcrumb-item>
            </el-breadcrumb>
        </div>
    </el-header>
</template>

<script setup>

</script>

<style scoped>
.header-breadcrumb{
    width: 100%;
    height: 20px;
    background-color: white;
    margin: 10px 0;
    padding: 0 10%;
}
</style>